﻿ @model IEnumerable<WebVideo.EntityNew>
             <script type="text/javascript">document.body.className = 'no-js'</script>
<div class="pagination pagination-right">
                      <ul>
                        <li class="disabled"><a href="#">«</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">»</a></li>
                      </ul>
                    </div><!--/ .pagination-->

        @{ 
        int i = 0;
        foreach (var item in Model)
        {
            if (i == 0)
            {
                   <div class="widget _2x2">
                    	<img src="Content/Images/@item.Image" width="305" height="305" />
                        <div class="description news">
                        	<h2>
                            	<a href="@Url.Action("Detail", "TinTuc", new { IdNew= @item.Id })">
                                	@item.Title
                                    <br />
                                	<small class="date">@item.Date</small>
                                </a>
                            </h2>
                        </div><!--/ description-->
                    </div><!--/ .widget-->

            }
            else
            {
                    <div class="widget">
                    <img src="Content/Images/@item.Image"width="161" height="100" />
                        <div class="description news">
                        	<h2>
                            	<a href="@Url.Action("Detail", "TinTuc", new { IdNew= @item.Id })">
                                	@item.Title
                                    <br />
                                	<small class="date">@item.Date</small>
                                </a>
                            </h2>
                        </div><!--/ description-->
                    </div><!--/ .widget-->
            }
            i++;
        }     
        }                     
@section occasionalScripts {
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
    }
